
<!DOCTYPE html>
<!-- saved from url=(0044)http://www.jq22.com/demo/guodu-141108215952/ -->
<html lang="en" class=" js no-touch cssanimations csstransitions"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>页面过度效果大集合</title>
		<meta name="keywords" content="页面过度,page transition, css animation, website, effect, css3, jquery">
		<link rel="stylesheet" type="text/css" href="/Web-Wuliu/css/guodu/default.css">
		<link rel="stylesheet" type="text/css" href="/Web-Wuliu/css/guodu/multilevelmenu.css">
		<link rel="stylesheet" type="text/css" href="/Web-Wuliu/css/guodu/component.css">
		<link rel="stylesheet" type="text/css" href="/Web-Wuliu/css/guodu/animations.css">
			<script src="/Web-Wuliu/js/guodu/modernizr.custom.js"></script>
	</head>
	<body>	
		<div class="pt-triggers">
			<button id="iterateEffects" class="pt-touch-button">查看下一个过度效果</button>
			<div id="dl-menu" class="dl-menuwrapper" style="display:block;">
				<button class="">选择过渡效果</button>
				<ul class="dl-menu dl-menu-toggle">
					<li data-animation="58"><a href="http://www.jq22.com/demo/guodu-141108215952/#">左转</a></li>
					<li data-animation="67"><a href="http://www.jq22.com/demo/guodu-141108215952/#">传送</a></li>
				</ul>
			</div><!-- /dl-menu-wrapper-->
		</div><!-- /triggers -->
		<div id="pt-main" class="pt-perspective">
			<div class="pt-page pt-page-1"><%@ include file="index.jsp" %></div>
		 
			<div class="pt-page pt-page-3"><%@ include file="error.jsp" %></div>
			 
		</div>

		 
 	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
		<script src="/Web-Wuliu/js/guodu/jquery.dlmenu.js"></script>
		<script src="/Web-Wuliu/js/guodu/pagetransitions.js"></script>
	
	

</body></html>